import './widgetSm.css'
import React from 'react'
import {Visibility} from '@material-ui/icons'

export default function WidgetSm() {
    return (
        <div className='widgetSm'>
            <span className="WidgetSmTtile">New Join Members</span>
            <ul className="widgetSmList">
                <li className="widgetSmListItem">
                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.jobsitechina.com%2FUpLoadFiles%2Fjobseekerphoto%2F7881_201451917779656.jpg&refer=http%3A%2F%2Fwww.jobsitechina.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644241092&t=fbbc31ea774982ed3236555c5d47564f"
                     alt=""
                     className='widgetSmImg'
                      />
                    <div className="widgetSmUser">
                        <span className="widgetSmUsername">Anna Keller</span>
                        <span className="widgetSmUserTitle">Software Engineer</span>
                    </div>
                    <button className="widgetSmButton">
                        <Visibility className='widgetSmIcon'/>display
                    </button>
                </li>
                <li className="widgetSmListItem">
                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.wxcha.com%2Ffile%2F201903%2F19%2F6234b2e73c.png&refer=http%3A%2F%2Fimg.wxcha.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644241546&t=28dc08eaa732dfe662b08fd0a10aad39"
                     alt=""
                     className='widgetSmImg'
                      />
                    <div className="widgetSmUser">
                        <span className="widgetSmUsername">Anna Keller</span>
                        <span className="widgetSmUserTitle">Software Engineer</span>
                    </div>
                    <button className="widgetSmButton">
                    <Visibility className='widgetSmIcon'/>display
                    </button>
                </li>
                <li className="widgetSmListItem">
                    <img src="https://img2.baidu.com/it/u=1524374034,96458826&fm=26&fmt=auto"
                     alt=""
                     className='widgetSmImg'
                      />
                    <div className="widgetSmUser">
                        <span className="widgetSmUsername">Anna Keller</span>
                        <span className="widgetSmUserTitle">Software Engineer</span>
                    </div>
                    <button className="widgetSmButton">
                    <Visibility className='widgetSmIcon'/>display
                    </button>
                </li>
                <li className="widgetSmListItem">
                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp1.pstatp.com%2Faweme%2F720x720%2Fdb8500076d5266725e53.jpeg&refer=http%3A%2F%2Fp1.pstatp.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644241457&t=2eda53cea4f07b8dbb957d9623d7ca8b"
                     alt=""
                     className='widgetSmImg'
                      />
                    <div className="widgetSmUser">
                        <span className="widgetSmUsername">Anna Keller</span>
                        <span className="widgetSmUserTitle">Software Engineer</span>
                    </div>
                    <button className="widgetSmButton">
                       <Visibility className='widgetSmIcon'/>display
                    </button>
                </li>
                <li className="widgetSmListItem">
                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fcdnimg103.lizhi.fm%2Faudio_cover%2F2017%2F12%2F06%2F2639905645275760135_320x320.jpg&refer=http%3A%2F%2Fcdnimg103.lizhi.fm&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644241092&t=84b57dcc2d41c141f6033faba11fd2b1"
                     alt=""
                     className='widgetSmImg'
                      />
                    <div className="widgetSmUser">
                        <span className="widgetSmUsername">Anna Keller</span>
                        <span className="widgetSmUserTitle">Software Engineer</span>
                    </div>
                    <button className="widgetSmButton">
                        <Visibility/>display
                    </button>
                </li>
            </ul>
        </div>
    )
}
